<template>
  <div class="list-table noPad">
    <el-tabs v-model="activeName">
      <el-tab-pane :label="$t('投后评价')" name="first">
        <div v-if="activeName === 'first'" style="width: 100%; min-height: 600px; height: 100%;" class="list-table">
          <dealAfterEvaluateList ref="dealAfterEvaluateList" :bus-data="dealId" />
        </div>
      </el-tab-pane>
      <el-tab-pane :label="$t('时间轴')" name="second">
        <div v-if="activeName === 'second'" style="width: 100%; min-height: 600px; height: 100%;" class="list-table">
          <dealAfterInvestEvaluationList ref="dealAfterInvestEvaluationList" :bus-data="dealId" />
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import dealAfterInvestEvaluationList from '@/views/deal/afterInvest/dealAfterInvestEvaluationList.vue'
import dealAfterEvaluateList from '@/views/deal/afterInvest/dealAfterEvaluateList.vue'
export default {
  components: {
    dealAfterInvestEvaluationList,
    dealAfterEvaluateList
  },
  data() {
    return {
      activeName: 'first',
      dealId: this.$route.query.id
    }
  },
  watch: {
  },
  mounted() {
  },
  methods: {

  }
}
</script>

<style scoped>
.top{
  width:99%;
  height:10%;
  display:flex;
  justify-content: space-around;
}
.btn{
  width:150px;
  height:50px;
  border-radius:5px;
  text-align:center;
  line-height:50px;
  font-weight:bold;
  margin-top:20px;
}
#container{
  width:99%;
  height:89%;
}
</style>
